<template>
  <div id="app">
    <div class="head">
      <Head></Head>
    </div>
    <div class="main">
      <div class="nav-menu">
        <nav-menu></nav-menu>
      </div>
      <div class="router-view">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import NavMenu from '@/components/NavMenu/NavMenu.vue'
import Head from '@/components/Head/Head.vue'
export default {
  components: {
    NavMenu,
    Head,
  },
}
</script>

<style>
body {
  padding: 0;
  margin: 0;

  background-color: rgb(243,244,248);
}


.main {
  display: flex;
}

.nav-menu {
  flex: 0.2;

  height: 100vh;
}

.router-view {
  flex: 1;

  padding:15px;
}
</style>
